<html>
<head>
    <title>Static Label</title>
    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="../lib/Leaflet/leaflet-0.7.3/leaflet.css"/>
    <link rel="stylesheet" href="../src/StaticLabel/label.css"/>
    <style>
        #map {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
        }
    </style>
</head>
<body>
<div id="map"></div>

<script src="../lib/Leaflet/leaflet-0.7.3/leaflet-src.js"></script>
<script src="../dist/Leaflet.MapboxVectorTile.js"></script>
<script src="static-label.js"></script>

<script>
    var debug = {};

    var map = L.map('map').setView([0,39], 6); // africa

    L.tileLayer('http://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
        maxZoom: 18
    }).addTo(map);

    var mvtSource = new L.TileLayer.MVTSource(opts);

    //Add layer
    map.addLayer(mvtSource);

    debug.mvtSource = mvtSource;

</script>

</body>
</html>
